<style>
    .video-cell {
        position: relative;
        padding-left: 25px;
    }

    .video-cell .fa-film {
        position: absolute;
        left: 5px;
        top: 3px;
    }

    .video-thumb {
        max-width: 60px;
        max-height: 40px;
        margin-left: 10px;
        border: 1px solid #eee;
    }

    .pdf-attachment {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 4px 0;

        .fa-file-pdf-o {
            font-size: 18px;
        }

        .pdf-download {
            color: #e74c3c;
            flex-grow: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

            &:hover {
                text-decoration: underline;
            }
        }

        .pdf-thumbnail {
            width: 24px;
            height: 24px;
            object-fit: cover;
            border: 1px solid #eee;
        }

        .pdf-preview {
            padding: 0 5px;
            margin-left: auto;
        }
    }
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}"><i
                                class="fa fa-refresh"></i> </a>
                        <a href="javascript:;"
                            class="btn btn-success btn-add {:$auth->check('mox/heritage/add')?'':'hide'}"
                            title="{:__('Add')}"><i class="fa fa-plus"></i> {:__('Add')}</a>
                        <a href="javascript:;"
                            class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('mox/heritage/edit')?'':'hide'}"
                            title="{:__('Edit')}"><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                        <a href="javascript:;"
                            class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('mox/heritage/del')?'':'hide'}"
                            title="{:__('Delete')}"><i class="fa fa-trash"></i> {:__('Delete')}</a>





                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                        data-operate-edit="{:$auth->check('mox/heritage/edit')}"
                        data-operate-del="{:$auth->check('mox/heritage/del')}" width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>